<script >
export default {
  name: "HmFind",
 created() {
   console.log("发现界面");
  },
  //被keep-alive缓存的组件才会多这两个生命周期
  //进入到该页面
 activated() {
   console.log("发现界面被激活了");
  },
  //离开该页面
  deactivated() {
   console.log("发现界面离开了");
  }
};
</script>

<template>
  <div class="box">发现音乐</div>
</template>

<style scoped>
.box {
  width: 100%;
  height: 200px;
  background-color: pink;
  border: 10px;
}
</style>